CSS : Quelques techniques
Définition de la couleur
Image de fond
Les bordures classiques
Les bordures arrondies
Il est possible de différencier le rayon horizontal du rayon vertical.
Ombres de boites
Ombres de textes
Dégradés linéaires
- Préfixe pour webkit : background: -webkit-linear-gradient(...);
- http://caniuse.com/#search=linear-gradient
Les transformations
Lors de transformations, la boite garde sa place dans le flux.
Pas de transformation
transform: none;
Translation
transform: translate(-20px, -10px);
Rotation
transform: rotation(45deg);
transform-origin: 50% 50%;
transform: rotation(45deg);
Echelle
transform: scale(1.5, 0.5);
transform-origin: 50% 50%;
transform: scale(1.5, 0.5);
- Préfixe pour webkit : -webkit-transform: ...;
- http://caniuse.com/#search=transform